<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
		<title>视频教程-创业学院</title>

		<link href="css/college.css" rel="stylesheet">
		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<link rel="stylesheet" href="css/font-awesome.min.css">
		<!--[if IE 7]>
		<link rel="stylesheet" href="css/font-awesome-ie7.min.css">
		<![endif]-->

    	<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    	<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    	<!--[if lt IE 9]>
		<script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		<script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
		<![endif]-->
	</head>
<body >
	<nav class="navbar navbar-default">
		<div class="container">
		<!-- Brand and toggle get grouped for better mobile display -->
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.html"><i class="iconfont">&#xe601;</i></a>
			</div>

			<!-- Collect the nav links, forms, and other content for toggling -->
			<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li><a href="service_index.html">创业服务</a></li>
					<li><a href="group_index.html">创业圈子</a></li>
					<li><a class="active" href="college_index.html">创业学院</a></li>
					<li><a href="studio_index.html">创客之家</a></li>
					<li><a href="meeting_index.html">创交会</a></li>
					<!-- <li><a href="shenzhen_index.html">创业深圳</a></li> -->
					<li><a href="login_index.html">会员中心</a></li>
				</ul>

				<ul class="nav navbar-nav navbar-right">
					<li class="dropdown">
						<div class="input-group">
							<input type="text" class="form-control" placeholder="Search for...">
							<span class="input-group-btn">
								<button class="btn btn-search" type="button"><i class="iconfont">&#xe603;</i></button>
							</span>
						</div><!-- /input-group -->
					</li>
				</ul>
			</div><!-- /.navbar-collapse -->
		</div><!-- /.container-fluid -->
	</nav>

	<div class="jumbotron video-play">
		<div class="video-player-box">
			<!-- <img src="#"> -->
			<iframe height=100% width=100% src="http://player.youku.com/embed/XOTIwMzc0NzQ0" frameborder=0 allowfullscreen></iframe>
		</div>
	</div>

	<div class="container video-page">
		<div class="row">
			<div class="col-xs-12 col-sm-8 col-md-8">
				<div class="page-header video-title">
					<h4>激发创新合作共赢 华为eSDK与开发者互动CeBIT 2015</h4>
				</div>
				<fieldset>
					<legend class="share-u">分享到 
						<a><i class="iconfont">&#xe608;</i></a> 
						<a><i class="iconfont">&#xe606;</i></a> 
						<a><i class="iconfont">&#xe607;</i></a> 
						<a><i class="iconfont">&#xe609;</i></a>
					</legend>
				</fieldset>
				<div class="video-editor">2015-03-18 张勤德 编辑</div>
				<div class="video-article">
					<p>艺术的积极功能是它可以看穿现实的黑暗，突破社会的黑洞，它可以揭露很多事情，它不是在美化，作为一个美化工具而已，一个化妆师而已，它还是可以产生一些功能的。</p>
				</div>
			</div>
			<div class="col-xs-12 col-sm-4 col-md-4 college-video-sidebar">
				<div class="page-header">
					<h5><i class="iconfont">&#xe611;</i> 视频教程
						<a href="college_shipin.html" class="more-college-video">more</a>
					</h5>
				</div>
				<div class="college-index-sidebar-list">
					<a class="thumbnail">
						<div class="college-video-img"></div>
						<img src="images/item-1.jpg" alt="...">
						<div class="caption">
							<h6>揭秘微博和博客营销，独家绝密实操技术！</h6>
							<p>从零开始掌握，打造自己的品牌！</p>
						</div>
					</a>
				</div>

				<div class="college-index-sidebar-list">
					<a class="thumbnail">
						<div class="college-video-img"></div>
						<img src="images/item-1.jpg" alt="...">
						<div class="caption">
							<h6>新淘宝店铺三个月盈利怎么做？</h6>
							<p>学习了解如何获取流量，成交客户。做一家赚钱的网店</p>
						</div>
					</a>
				</div>

				<div class="college-index-sidebar-list">
					<a class="thumbnail">
						<div class="college-video-img"></div>
						<img src="images/item-1.jpg" alt="...">
						<div class="caption">
							<h6>影楼人像后期处理/PS速成</h6>
							<p>通过几个实用的案例，来了解影楼人像的过程。</p>
						</div>
					</a>
				</div>

				<div class="college-index-sidebar-list">
					<a class="thumbnail">
						<div class="college-video-img"></div>
						<img src="images/item-1.jpg" alt="...">
						<div class="caption">
							<h6>工业企业成本核算全套</h6>
							<p>通过本课程的学习熟练掌握工业企业全套核算的理论和实务操作</p>
						</div>
					</a>
				</div>
			</div>
		</div>

		<footer>Copyright©2015 SHENZHEN QFH CO.| 粤ICP备15013741号-4
		</footer>
	</div>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/stickUp.min.js"></script>
            <script type="text/javascript">
              //initiating jQuery
              jQuery(function($) {
                $(document).ready( function() {
                  //enabling stickUp on the '.navbar-wrapper' class
                  $('.navbar').stickUp();
                });
              });

            </script>

  </body>
</html>